<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<link rel="stylesheet" href="./public/css/infomation.css">
	<link rel="stylesheet" href="./public/css/aos.css">
	<link rel="stylesheet" href="./public/css/swiper-bundle.min.css">
	<link rel="stylesheet" href="./public/css/swiper-bundle.css">
</head>

<body>
	<div id="header"></div>
	<div id="right"></div>
	<div id="container">
		<div class="banner">
			<img class="image" src="https://img.tongmen.cdn.dgyunju.cn/images/topImages/news.png" alt="">

		</div>
		<div class="news-container">
			<!-- 最新资讯 -->
			<section class="column-section">
				<div class="column-header">
					<div>
						<h2>最新咨讯</h2>
						<span>Latest information</span>
						<div class="line"></div>
					</div>
					<a href="./news_list.html" class="more-link">查看更多</a>
				</div>
				<div class="news-list-container">
					<!-- 新闻项1 -->
					<div data-aos="fade-left" class="news-list-wrapper">
						<a href="./news.html" class="news-list--item" target="_blank">
							<img class="news-list--image"
								src="https://img.tongmen.cdn.dgyunju.cn/f5820b7a65b5964a1af5997e507b8ae-1695891964.jpg"
								alt="同门电子科技新产品发布会" loading="lazy">

							<p class="news-list--time">
								<i class="fi fi-clock"></i>2023-10-15
							</p>

							<p class="news-list--title">同门电子科技新产品发布会</p>

							<p class="news-list--desc">
								我们即将发布新一代智能家居控制系统，将为您带来更便捷的生活体验。该系统支持多平台联动，具有更高的安全性和稳定性...
							</p>

							<p class="news-list--link">>>></p>
						</a>
					</div>
					<!-- 新闻项2 -->
					<div data-aos="fade-left" class="news-list-wrapper">
						<a href="./news.html" class="news-list--item" target="_blank">
							<img class="news-list--image"
								src="https://img.tongmen.cdn.dgyunju.cn/f5820b7a65b5964a1af5997e507b8ae-1695891964.jpg" alt="公司荣获科技创新奖"
								loading="lazy">

							<p class="news-list--time">
								<i class="fi fi-clock"></i>2023-10-15
							</p>

							<p class="news-list--title">公司荣获2023年度科技创新奖</p>

							<p class="news-list--desc">
								同门电子科技凭借在智能硬件领域的创新突破，荣获本年度科技创新奖项，这是对我们技术实力的充分肯定...
							</p>

							<p class="news-list--link">>>></p>
						</a>
					</div>

					<!-- 可以添加更多新闻项 -->
				</div>
			</section>

			<!-- 近期活动 -->
			<section class="column-section">
				<div class="column-header">
					<div>
						<h2>近期活动</h2>
						<span>Recent activities</span>
						<div class="line"></div>
					</div>
					<a href="./activity.html" class="more-link">查看更多</a>
				</div>
				<div class="el-row">
					<!-- 活动项1 -->
					<div data-aos="fade-up" class="el-col-xs-24 el-col-sm-8 el-col-md-6 el-col-lg-6 el-col-xl-6">
						<div class="tm-activity-list">
							<img src="http://img.tongmen.cdn.dgyunju.cn/1676335880341_0_9304580829450222-1677920758.jpg" alt="技术研讨会"
								loading="lazy">
							<h4>智能家居技术研讨会</h4>
							<p>2023-11-10</p>
							<button class="add-btn">申请参加</button>
						</div>
					</div>
					<!-- 活动项2 -->
					<div data-aos="fade-up" class="el-col-xs-24 el-col-sm-8 el-col-md-6 el-col-lg-6 el-col-xl-6">
						<div class="tm-activity-list">
							<img src="http://img.tongmen.cdn.dgyunju.cn/1676335880341_0_9304580829450222-1677920758.jpg" alt="开发者大会"
								loading="lazy">
							<h4>开发者开放日</h4>
							<p>2023-11-25</p>
							<button class="add-btn">申请参加</button>
						</div>
					</div>
					<!-- 活动项3 -->
					<div data-aos="fade-up" class="el-col-xs-24 el-col-sm-8 el-col-md-6 el-col-lg-6 el-col-xl-6">
						<div class="tm-activity-list">
							<img src="http://img.tongmen.cdn.dgyunju.cn/1676335880341_0_9304580829450222-1677920758.jpg" alt="产品体验会"
								loading="lazy">
							<h4>新产品用户体验会</h4>
							<p>2023-12-05</p>
							<button class="add-btn">申请参加</button>
						</div>
					</div>
					<!-- 可以添加更多活动项 -->
				</div>
			</section>

			<!-- 订阅信息 -->
			<section class="column-section clow-one">
				<div class="el-row">
					<div data-aos="fade-right" class="el-col-lg-10 el-col-md-10 el-col-xs-24 el-col-sm-12 clow-down"
						style="width: 50%;">
						<img class="image" alt="订阅消息" src="https://img.tongmen.cdn.dgyunju.cn/images/subscription-information.jpg"
							style="width:100%;" loading="lazy">
					</div>
					<div data-aos="fade-left" class="el-col-lg-10 el-col-md-10 el-col-xs-24 ">
						<div class="til">
							<h2>订阅信息</h2>
							<span>Subscription information</span>
						</div>
						<p class="p">
							为方便大家从更便捷的渠道获取同门电子科技的最新动态，我们开通了企业官方公众号、官方微博账号等媒体账号。若有兴趣关注同门电子
							科技的最新资讯，可关注获取最新动态。欢迎大家通过各个官方媒体与我们进行交流互动。
						</p>
						<div class="el-row" style="justify-content: space-between;">
							<div class="el-col-8">
								<div class="list">
									<img class="image" alt="官方公众号"
										src="http://img.tongmen.cdn.dgyunju.cn/12961679564710_.pic-1679564733.jpg"
										style="width:100px;height:100px;" loading="lazy">
									<p>扫码关注企业官方公众号</p>
								</div>
							</div>
							<div class="el-col-8">
								<div class="list">
									<img class="image" alt="官方微博"
										src="https://img.tongmen.cdn.dgyunju.cn/微信截图_20230829174846-1693302544.png"
										style="width:100px;height:100px;" loading="lazy">
									<p>扫码关注企业官方微博</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>
		</div>
		<!-- 弹窗遮罩 -->
		<div class="modal-mask" style="display: none;" id="joinModal">
			<div class="modal-container">
				<div class="modal-title">报名</div>

				<!-- 报名表单 -->
				<div class="apply-form-container" id="applyForm">
					<!-- 所在地区 -->
					<div class="form-row" data-field="address">
						<label class="form-label">所在地区</label>
						<div class="select-all">
							<select class="select-one" id="prov">
								<option>=请选择省份=</option>
							</select>
							<!--城市选择-->
							<select class="select-one" id="city">
								<option>=请选择城市=</option>
							</select>
							<!--县区选择-->
							<!-- <select class="select-one"  id="country" onchange="selecCountry(this)">
								<option>=请选择县区=</option>
						</select> -->
						</div>
					</div>

					<!-- 公司/学校 -->
					<div class="form-row" data-field="company">
						<label class="form-label">公司/学校</label>
						<div class="form-control">
							<div class="el-input">
								<input type="text" class="el-input__inner" placeholder="请填写公司/学校">
							</div>
							<div class="error-message"></div>
						</div>
					</div>

					<!-- 姓名 -->
					<div class="form-row" data-field="name">
						<label class="form-label">姓名</label>
						<div class="form-control">
							<div class="el-input">
								<input type="text" class="el-input__inner" placeholder="请填写姓名">
							</div>
							<div class="error-message"></div>
						</div>
					</div>

					<!-- 手机 -->
					<div class="form-row" data-field="phone">
						<label class="form-label">手机</label>
						<div class="form-control">
							<div class="el-input">
								<input type="text" class="el-input__inner" placeholder="请填写手机">
							</div>
							<div class="error-message"></div>
						</div>
					</div>

					<!-- 座机 -->
					<div class="form-row" data-field="tel">
						<label class="form-label">座机</label>
						<div class="form-control">
							<div class="el-input">
								<input type="text" class="el-input__inner" placeholder="请填写座机">
							</div>
							<div class="error-message"></div>
						</div>
					</div>

					<!-- 微信 -->
					<div class="form-row" data-field="wechat">
						<label class="form-label">微信</label>
						<div class="form-control">
							<div class="el-input">
								<input type="text" class="el-input__inner" placeholder="请填写微信">
							</div>
							<div class="error-message"></div>
						</div>
					</div>

					<!-- QQ -->
					<div class="form-row" data-field="qq">
						<label class="form-label">QQ</label>
						<div class="form-control">
							<div class="el-input">
								<input type="text" class="el-input__inner" placeholder="请填写QQ">
							</div>
							<div class="error-message"></div>
						</div>
					</div>

					<!-- 邮箱 -->
					<div class="form-row" data-field="email">
						<label class="form-label">邮箱</label>
						<div class="form-control">
							<div class="el-input">
								<input type="text" class="el-input__inner" placeholder="请填写邮箱">
							</div>
							<div class="error-message"></div>
						</div>
					</div>
				</div>

				<!-- 提交按钮 -->
				<div style="text-align: center;">
					<button type="button" class="el-button el-button--primary" id="submitBtn">
						<span>确认报名</span>
					</button>
				</div>
			</div>
		</div>
	</div>

	<div id="footer"></div>
	<script src="./public/js/jquery.min.js"></script>
	<script src="./public/js/common.js"></script>
	<script src="./public/js/aos.js"></script>

	<script src="./public/js/infomation.js"></script>
</body>

</html>